<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>K采集</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<link href="boostrap/css/bootstrap.css" rel="stylesheet">
		<link href="css/animate.css" rel="stylesheet">
		<script src="jquery-3.4.1.min.js"></script>
		<script src="boostrap/js/bootstrap.js"></script>
		<link rel="stylesheet" href="fullpage/fullpage.css" />
		<script src="fullpage/fullpage.min.js"></script>
		<link rel="stylesheet" href="css/index.css">
		<link rel="stylesheet" href="css/nav.css">
	</head>
	<body data-spy="scroll" data-target="#mainNav">
		<nav id="mainNav" class="navbar navbar-default navbar-fixed-top " role="navigation" style="border-bottom: solid 1px #f0f0f0;box-shadow: 0 10px 40px 0 rgba(62, 57, 107, 0.07), 0 2px 9px 0 rgba(62, 57, 107, 0.06);">
			<div class="circle-shadow">
				<div class="container">
					<div class="navbar-header" style="height: 72px;line-height: 72px;">
						<button class="navbar-toggle" data-toggle="collapse" data-target="#r">
							<span class="sr-only"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
						<a href="#"><img src="images/logo.png" alt="" style="width: 40px;height: 40px;">
							<span style="font-size: 22px;font-weight: 600;vertical-align: middle;margin-left: 5px;">K采集</span>
						</a>
					</div>
					<div class="collapse navbar-collapse" id="r">
						<ul class="nav navbar-nav navbar-right" id="menu">
							<li><a href="#home" style="color: #337ab7;">首页</a></li>
							<li><a href="#course" style="color: #337ab7;">教程</a></li>
							<li><a href="#service" style="color: #337ab7;">插件简述</a></li>
							<li><a href="#collectBatch" style="color: #337ab7;padding: 0;"></a></li>
							<li><a href="#collectSingle" style="color: #337ab7;padding: 0;"></a></li>
						</ul>
					</div>
				</div>
		</nav>
		<div id="dowebok">

			<div class="section active" data-anchor="home">
				<div id="banner-box">
					<div class="banner-one">
						<div class="banner-text-wrap">
							<div class="banner-text">
								<h2 style="font-size: 51px;letter-spacing: 4px;">K采集插件 多平台支持</h2>
								<h3 style="letter-spacing: 3px;">内置亚马逊跟卖产品分析，极速提取可跟卖产品</h3>
								<h3 style="letter-spacing: 3px;">专有采集服务器，可极速对接</h3>
							</div>
							<div class="banner-btn">
								<a href="#" class="btn-download"><i class="glyphicon glyphicon-arrow-down" style="top: 3px;"></i>点击下载</a>
								<p style="color: #fff;padding-top: 10px;letter-spacing: 3px;font-size: 16px;">
									已支持平台:
									 <a href="http://www.kkuajing.com" class="otherlink" target="_blank">k跨境</a>
									 <span style="display: inline-block;width: 3px;height: 15px;background: #00cc99;position: relative;top: 2px;;"></span>
									 <a href="http://www.taobao.com" class="otherlink" target="_blank">淘宝</a>
								</p>
							</div>
						</div>
					</div>
				</div>
			</div>


			<div class="section " data-anchor="course">
				<div class="container">
					<div class="row">
						<div class="col-md-8 col-md-offset-2">
							<div class="big text-center">
								<div class="text-center section-title">简单操作&nbsp;&nbsp;快速采集</div>
								<div class=" section-bottom"></div>
							</div>
						</div>
						<div class="col-md-12">
							<div class="videoBox">
								<div id="videoBoxShow">
									<div style="text-align: center;">
										<img src="images/videoPoster.png" alt="">
									</div>
									<img src="images/videoPlay.png" alt="" class="btn-videoPlay animated rotateIn" id="videoPlay">
								</div>
								<div id="videoBoxHide" style="display: none;">
									<video id="video" height="" controls="controls" autoplay="autoplay" muted="muted" style="box-shadow: 0 16px 32px 0 rgba(62, 57, 107, 0.28), 0 0 0 transparent;">
										<source src="images/header.mp4" type="video/mp4">
										</source>
									</video>
									<div class="closeVideo" id="closeVideo">
										<img src="images/close.png" alt="" width="45px">
									</div>
								</div>
							</div>

						</div>
					</div>
				</div>
			</div>

			<div class="section " data-anchor="service">
				<div class="container">
					<div class="row">
						<div class="col-md-8 col-md-offset-2">
							<div class="big text-center">
								<div class="text-center section-title">插件简述</div>
								<div class=" section-bottom"></div>
							</div>
						</div>
						<div class="col-md-12 content-box">
							<div class="col-md-6">
								<img src="images/collect1.png" alt="" class="collect-img" id="collect1Png">
							</div>
							<div class="col-md-6 content">
								<div>
									<img src="images/collect6.png" alt="" class="collect-img-right">
								</div>
								<p class="subtitle">支持图示所有平台采集</p>
								<p class="subcontent">部分平台可支持单品采集，搜索页采集，店铺宝贝页采集，让您快速拿到产品数据，并可
									做完整的精细化编辑</p>
								<p class="subcontent">我们的工程师正在紧张对接更多新的平台哦</p>
							</div>
						</div>

					</div>
				</div>
			</div>


			<div class="section" id="" data-anchor="collectBatch">
				<div class="container">
					<div class="row">
						<div class="col-md-12 content-box">
							<div class="col-md-5 content">
								<div>
									<img src="images/collect7.png" alt="" class="collect-img-right">
								</div>
								<p class="subtitle">整页采集</p>
								<p class="subcontent">傻瓜式操作，正确安装插件，打开相应即可显示采集操作条</p>
								<p class="subcontent">需要耐心等待页面全部加载完成后即可采集到页面完整信息</p>
							</div>
							<div class="col-md-7">
								<img src="images/collect3.png" alt="" class="collect-img">
							</div>
						</div>


					</div>
				</div>
			</div>

			<div class="section" id="" data-anchor="collectSingle">
				<div class="container">
					<div class="row">
						<div class="col-md-12 content-box">
							<div class="col-md-7">
								<img src="images/collect4.png" alt="" class="collect-img">
							</div>
							<div class="col-md-5 content" style="padding-left: 35px;">
								<div>
									<img src="images/collect8.png" alt="" class="collect-img-right">
								</div>
								<p class="subtitle">单品采集</p>
								<p class="subcontent">可完整采集所有变体、变体图片、价格、库存等信息</p>
							</div>
						</div>

					</div>
				</div>
				<div id="construct">
					<p>河南库卡电子商务有限公司版权所有 © 2013-2019 . All rights reserved. 粤ICP备14092314号 服务协议</p>
					<p>公司地址：河南省洛阳市西工区红东方商务楼</p>
					<p>粤公网安备 44030502000701号</p>
				</div>
			</div>


			<script type="text/javascript">
				$(".courseCenter-title").on("click", function() {
					$(this).toggleClass("courseCenter-title2")
					$(this).next("div").slideToggle("500")
				})
				$("#videoPlay").on("click", function() {
					$(this).parents("#videoBoxShow").hide();
					$("#videoBoxHide").show()
				})
				$("#closeVideo").on("click", function() {
					$("#videoBoxShow").show()
					$("#videoBoxHide").hide()
				})
				$(function() {
					$('#dowebok').fullpage({
						anchors: ['home', 'course', 'service', 'collectBatch', 'collectSingle'],
						menu: '#menu'
					});
				});
			</script>
	</body>
</html>
